<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8">
<title>Fair Urban</title>
</head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html {
	height: 100%
}

body {
	height: 100%;
	margin: 0;
	padding: 0
}

#map_canvas {
	height: 100%
}

.loginform
{
	background-color:white;
}

.clsTable
{
	border: 0;
	border-collapse:separate; 
	border-spacing:2em;
	border-width: 1px; 
	border-color:#000000; 
	border-style: solid;
}

.reqVal
{
	color: red;
	display: none;
}
</style>
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700"
	rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css"
	media="all" />

<script type="text/javascript"
	src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCg0FRVSu5XHjjkG1NV1tev04MaGOTg5Jo&sensor=false"></script>
<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.8.2.min.js"></script>

<script type="text/javascript" src="js/jquery.lightbox_me.js"></script>

<script type="text/javascript">
	var markersArray = [];

	function clearOverlays() {
		for ( var i = 0; i < markersArray.length; i++) {
			markersArray[i].setMap(null);
		}
	}

	function doNothing() {
	}

	function bindInfoWindow(marker, map, infoWindow, html) {
		markersArray.push(marker);
		google.maps.event.addListener(marker, 'click', function() {
			infoWindow.setContent(html);
			infoWindow.open(map, marker);
		});
	}

	var entryDetailUrl = "entry.html?id=";

	// Set the Map variable
	var map;
	function initialize() {
		var myOptions = {
			zoom : 12,
			mapTypeId : google.maps.MapTypeId.HYBRID,
			scrollwheel : true
		};

		//Define Marker properties
		var markerImg = new google.maps.MarkerImage(
				'images/markers/marker2.png',
				// This marker is 129 pixels wide by 42 pixels tall.
				new google.maps.Size(22, 32),
				// The origin for this image is 0,0.
				new google.maps.Point(0, 0),
				// The anchor for this image is the base of the flagpole at 18,42.
				new google.maps.Point(18, 42));

		var infoWindow = new google.maps.InfoWindow;
		map = new google.maps.Map(document.getElementById('map_canvas'),
				myOptions);

		// Set the center of the map
		var pos = new google.maps.LatLng(41.08, 29.025);
		//var pos = new google.maps.LatLng(0, 0);
		map.setCenter(pos);
		function infoCallback(infowindow, marker) {
			return function() {
				infowindow.open(map, marker);
			};
		}

		var getAllEntriesUrl = "./service/entries";
		
		var loggedIn = $('#loggedMu').val();

		$.getJSON(getAllEntriesUrl,function(data) {
							$.each(data['data'],function(index, element) {
												var comment = element.comment;
												var entryId = element.id;
												var upVote = element.upVoteCount;
												var downVote = element.downVoteCount;
												var image = element.imageMeta; //"images/generic.png";
												var priority = "<font color='olive'>Düşük</font>";
												var fixed = "";
												var voting = "";
												
												if(loggedIn == 'true')
												{
													voting = 
													'<span id="lblUpVote' + entryId + '">' + upVote + '</span>'
													+ " acil &nbsp;&nbsp;"
													+ "<a rel='"
													+ entryId
													+ "' id='lnkUpVote" + entryId + "' href='javascript:voteUp("
													+ entryId
													+ ");'"
													+ "><img width='25' height='25'" 
					+ "src='images/upArrow.png' title='Acil olarak işaretle'></a>&nbsp;&nbsp;&nbsp;"
													+ "<a rel='"
													+ entryId
													+ "' id='lnkDownVote" + entryId + "' href='javascript:voteDown("
													+ entryId
													+ ");'>"
													+ "<img width='25' height='25'"
					+ "src='images/downArrow.png' title='Bekleyebilir olarak işaretle'></a>"
													+ "&nbsp;&nbsp;"
													+ '<span id="lblDownVote' + entryId + '">' + downVote + '</span>'
													+ " bekleyebilir";
												}
												
												else
												{
													voting = "Puanlayabilmek için giriş yapınız!";
												}
												
												if(element.fixed)
												{
													fixed = "<font color='green'>Düzeltildi</font>";
												}
												else
												{
													fixed = "<font color='red'>Henüz düzeltilmedi</font>";
												}
												
												if(element.priority == "Low")
												{
													priority = "<font color='olive'>Düşük</font>";
												}
												else if(element.priority == "High")
												{
													priority = "<font color='orange'>Yüksek</font>";
												}
												else if(element.priority == "Critical")
												{
													priority = "<font color='red'>Kritik</font>";
												}
												
												var point = new google.maps.LatLng(
														parseFloat(element.coordX),
														parseFloat(element.coordY));
												var html = "<div style='text-align: center;'><img width='70%' height='70%' src='"
														+ image
														+ "'>"
														+ "<p></p><b>''"
														+ comment
														+ "''</b> <p></p>"
														+ fixed
														+ "<p></p>"
														+ "<b>Öncelik:</b>&nbsp;"
														+ priority
														+ "<p></p>"
														+ voting
														+ "<p></p>"
														+ "<a style='text-decoration: underline' href='" 
						+ entryDetailUrl + entryId + "'>Detay...</a></div>";

												var marker = new google.maps.Marker(
														{
															map : map,
															position : point,
															icon : markerImg
														});
												bindInfoWindow(marker, map,infoWindow, html);
											});

							$('#divCount').html("Sistemde toplam " + data['data'].length + " adet ihlâl var.");
						});

		// 		var marker = new google.maps.Marker({
		// 			position : map.getCenter(),
		// 			map : map,
		// 			title : 'Click to zoom'
		// 		});

		// 		google.maps.event.addListener(marker, 'click', function() {
		// 			map.setZoom(8);
		// 			map.setCenter(marker.getPosition());
		// 		});
	};

	// Initializes the Google Map
	google.maps.event.addDomListener(window, 'load', initialize);

	var voteUrl = "./service/entries/thumbs";
	var isLoggedInUrl = "./service/login/status";
	var logOutUrl = "./j_spring_security_logout";

	
	function voteUp(entryId) {
		if($('#lnkUpVote' + entryId).hasClass("disabled")){return};
		$.ajax({
		    url: voteUrl,
		    type: 'post',
		    data: JSON.stringify({entryId:entryId,up:true}),
		    dataType: 'json',
		    contentType: "application/json;charset=utf-8",
		    success: function(data) {
		        if(data.resultStatus == "SUCCESS")
		        {
		        	var upp = $('#lblUpVote' + entryId).text();
				    $('#lblUpVote' + entryId).text(parseInt(upp) + 1);
				    $('#lnkUpVote' + entryId).removeAttr("href");
				    $('#lnkUpVote' + entryId).addClass("disabled");
				    alert('Bu kayıt için "acil" oyu verdiniz.');
		        }
		        else if(data.resultStatus == "FAILURE" && data.resultId == 2)
		        {
		        	alert('Bu kayıt için daha önce oy vermişsiniz, başka oy veremezsiniz.');
		        }
		        else
		        {
		        	alert('Oy verirken bir hata oluştu, lütfen tekrar deneyin.');
		        }
		    },
		    error: function(data) {
		    	alert('Oy verirken bir hata oluştu, lütfen tekrar deneyin.');
		    }
		})
	};

	function voteDown(entryId) {
		if($('#lnkDownVote' + entryId).hasClass("disabled")){return};
		$.ajax({
			url: voteUrl,
		    type: 'post',
		    data: JSON.stringify({entryId:entryId,up:false}),
		    dataType: 'json',
		    contentType: "application/json;charset=utf-8",
		    success: function(data) {
		        if(data.resultStatus == "SUCCESS")
		        {
		        	var dnn = $('#lblDownVote' + entryId).text();
					$('#lblDownVote' + entryId).text(parseInt(dnn) + 1);
					$('#lnkDownVote' + entryId).removeAttr("href");
					$('#lnkDownVote' + entryId).addClass("disabled");
					alert('Bu kayıt için "bekleyebilir" oyu verdiniz.');
		        }
		        else if(data.resultStatus == "FAILURE" && data.resultId == 2)
		        {
		        	alert('Bu kayıt için daha önce oy vermişsiniz, başka oy veremezsiniz.');
		        }
		        else
		        {
		        	alert('Oy verirken bir hata oluştu, lütfen tekrar deneyin.');
		        }
		    },
		    error: function(data) {
		    	alert('Oy verirken bir hata oluştu, lütfen tekrar deneyin.');
		    }
		})
	};
</script>

<script type="text/javascript">
	$(document).ready(function() {
		
		IsLoggedIn();
		
		$('#spnLogin').click(function(e) {
		    $('#divlogin').lightbox_me({
		        centered: true, 
		        onLoad: function() { 
		            $('#sign_up').find('input:first').focus()
		            }
		        });
		    e.preventDefault();
		});
		
		//testuser - swe574TEST!
		$('#frmlogin').submit(function() {
			
			if($('#username').val() == "" || $('#password').val() == "")
			{
				if($('#username').val() == ""){$('#reqUser').show();}else{$('#reqUser').hide();}
				if($('#password').val() == ""){$('#reqPass').show();}else{$('#reqPass').hide();}
				return false;
			}
			else
			{
				//alert($("#frmlogin").serialize())
				$.ajax({
					type: 'POST',
					data: $("#frmlogin").serialize(),
		          	url: './service/login/sigin',
		            success: function(msg,textStatus) {
		            	//alert("Başarıyla giriş yaptınız!");
		            	//$('#spnLogout').show();
	 					//$('#spnLogin').hide();
		            	$('#divlogin').trigger('close');
		            	IsLoggedIn();
		            },
		            error:function(jqXHR, textStatus, errorThrown){
			          alert("Yanlış kullanıcı adı/şifre, lütfen tekrar deneyiniz.");
		              //alert(errorThrown);
		            }
		        });
				  return false;
			}	
		});
		
						//jQuery.support.cors = true;

						//var getCategoriesUrl = 'http://172.20.2.5:8080/RestAccessibilty/service/categories';
						//var getCategoriesUrl = 'http://testpalette.com:8080/RestAccessibilty/service/categories';
						var getCategoriesUrl = './service/categories';
						var getEntriesByCategoryUrl = './service/entries?categoryId=';
						
// 						var getPrioritiesUrl = './service/priorities';
// 						var selectPriorities = $('#ddlPriorities');
// 						$.getJSON(getPrioritiesUrl, function(data) {
// 							$.each(data['data'], function(index, element) {
// 								$(selectPriorities).append(
// 										$('<option></option>').val(element.id)
// 												.html(element.title));
// 							});
// 						});

						var selectParent = $('#ddlCategories');
						var selectChild = $('#ddlChildren');
						$.getJSON(getCategoriesUrl, function(data) {
							// 			$.each(data['data'], function(index, element) {
							// 		        $('#feed').append(element.id + " " + element.title + " " + " " + element.parentReasonId + "</br>");
							// 		        $.each(element.violationTypes, function(index, element2)
							// 		        {
							// 		        	$('#feed').append(element2.id + " " + element2.title + " " + " " + element2.description + " " + element2.imageMeta);
							// 		        });
							// 		    });
							$.each(data['data'], function(index, element) {
								$(selectParent).append(
										$('<option></option>').val(element.id)
												.html(element.title));
							});
						});

						selectParent.change(function() {
									if (selectParent.find(":selected").val() == "0") {
										selectChild.hide();
										selectChild.val("0");
									} else {
										selectChild.empty();
										selectChild.append($('<option></option>').val(0).html("Tamamı"));
										$.getJSON(getCategoriesUrl
																+ "/"
																+ selectParent.find(":selected").val(),
														function(data) {
															$.each(data['data'],function(index,element) {
																				selectChild.append($('<option></option>')
																								.val(element.id)
																								.html(element.title));
															});
															selectChild.show();
														});
									}
								});

						selectChild.change(function() {});

						$('#btnSearch').click(function() {
							
							$("#ddlPriorities option[value='0']")[0].selected = true;
							
											var valToSearch = 0;
											if (selectChild.val() == "0") 
											{
												valToSearch = selectParent.val();
											} 
											else if(selectChild.val() == null)
											{
												valToSearch = 0;
											}
											else
											{
												valToSearch = selectChild.val();
											}
											
											var searchUrl = "";
											var getAllEntriesUrl = "./service/entries";
											
											if(valToSearch != "0")
											{
												searchUrl = getEntriesByCategoryUrl + valToSearch;
											}
											else
											{
												searchUrl = getAllEntriesUrl;
											}

											var scriptUrl = searchUrl;
											
											var loggedIn = $('#loggedMu').val();
											
											$.ajax({
												url : scriptUrl,
												type : 'get',
												dataType : 'json',
												beforeSend : function() {
													$("#spinner").show();
												},
												complete : function() {
													$("#spinner").hide();
												},
												success : function(data) {
													var dataS = data['data'];

													$('#divCount').html("Filtreleme sonucu "
																			+ dataS.length
																			+ " adet ihlâl bulundu.");

													var pinImg = new google.maps.MarkerImage('images/markers/wheelchair.png',
															// This marker is 129 pixels wide by 42 pixels tall.
															new google.maps.Size(129,42),
															// The origin for this image is 0,0.
															new google.maps.Point(0,0),
															// The anchor for this image is the base of the flagpole at 18,42.
															new google.maps.Point(18,42));

													var infoWindow = new google.maps.InfoWindow;

													clearOverlays();

													$.each(dataS, function(index,element) {
																		var comment = element.comment;
																		var entryId = element.id;
																		var upVote = element.upVoteCount;
																		var downVote = element.downVoteCount;
																		var point = new google.maps.LatLng(
																				parseFloat(element.coordX),
																				parseFloat(element.coordY));
																		var image = element.imageMeta; //"images/generic.png";
																		var voting = "";
																		var priority = "<font color='olive'>Düşük</font>";
																		var fixed = "";
																		
																		if(loggedIn == "true")
																		{
																			voting = 
																				'<span id="lblUpVote' + entryId + '">' + upVote + '</span>'
																				+ " acil &nbsp;&nbsp;"
																				+ "<a rel='"
																				+ entryId
																				+ "' id='lnkUpVote" + entryId + "' href='javascript:voteUp("
																				+ entryId
																				+ ");'"
																				+ "><img width='25' height='25'" 
												+ "src='images/upArrow.png' title='Acil olarak işaretle'></a>&nbsp;&nbsp;&nbsp;"
																				+ "<a rel='"
																				+ entryId
																				+ "' id='lnkDownVote" + entryId + "' href='javascript:voteDown("
																				+ entryId
																				+ ");'>"
																				+ "<img width='25' height='25'"
												+ "src='images/downArrow.png' title='Bekleyebilir olarak işaretle'></a>"
																				+ "&nbsp;&nbsp;"
																				+ '<span id="lblDownVote' + entryId + '">' + downVote + '</span>'
																				+ " bekleyebilir";
																		}
																		else
																		{
																			voting = "Puanlayabilmek için giriş yapınız!";
																		}
																		
																		if(element.fixed)
																		{
																			fixed = "<font color='green'>Düzeltildi</font>";
																		}
																		else
																		{
																			fixed = "<font color='red'>Henüz düzeltilmedi</font>";
																		}
																		
																		if(element.priority == "Low")
																		{
																			priority = "<font color='olive'>Düşük</font>";
																		}
																		else if(element.priority == "High")
																		{
																			priority = "<font color='orange'>Yüksek</font>";
																		}
																		else if(element.priority == "Critical")
																		{
																			priority = "<font color='red'>Kritik</font>";
																		}
																		
																		var html = "<div style='text-align: center;'><img width='70%' height='70%' src='"
																			+ image
																			+ "'>"
																			+ "<p></p><b>''"
																			+ comment
																			+ "''</b> <p></p>"
																			+ fixed
																			+ "<p></p>"
																			+ "<b>Öncelik:</b>&nbsp;"
																			+ priority
																			+ "<p></p>"
																			+ voting
																			+ "<p></p>"
																			+ "<a style='text-decoration: underline' href='" 
											+ entryDetailUrl + entryId + "'>Detay...</a></div>";
																		var marker = new google.maps.Marker(
																				{
																					map : map,
																					position : point,
																					icon : pinImg
																				});

																		bindInfoWindow(
																				marker,
																				map,
																				infoWindow,
																				html);

																	});
												},
												error : function(data) {
													alert("Bir hata oluştu, lütfen tekrar deneyin.");
												}
											});
										});
						
						$('#btnPrior').click(function() {
							
							$("#ddlCategories option[value='0']")[0].selected = true;
							$('#ddlChildren').hide();
							
							var valToSearch = 0;
							if ($('#ddlPriorities').find(":selected").val() == "0") 
							{
								valToSearch = "0";
							} 
							else
							{
								valToSearch = $('#ddlPriorities').find(":selected").val();
							}
							
							var searchUrl = "";
							var getAllEntriesUrl = "./service/entries";
							var getEntriesByPriorityUrl = './service/entries?priority=';
							
							if(valToSearch != "0")
							{
								searchUrl = getEntriesByPriorityUrl + valToSearch;
							}
							else
							{
								searchUrl = getAllEntriesUrl;
							}

							var scriptUrl = searchUrl;
							
							var loggedIn = $('#loggedMu').val();
							
							$.ajax({
								url : scriptUrl,
								type : 'get',
								dataType : 'json',
								beforeSend : function() {
									$("#spinner2").show();
								},
								complete : function() {
									$("#spinner2").hide();
								},
								success : function(data) {
									var dataS = data['data'];

									$('#divCount').html("Filtreleme sonucu "
															+ dataS.length
															+ " adet ihlâl bulundu.");

									var pinImg = new google.maps.MarkerImage('images/markers/wheelchair.png',
											// This marker is 129 pixels wide by 42 pixels tall.
											new google.maps.Size(129,42),
											// The origin for this image is 0,0.
											new google.maps.Point(0,0),
											// The anchor for this image is the base of the flagpole at 18,42.
											new google.maps.Point(18,42));

									var infoWindow = new google.maps.InfoWindow;

									clearOverlays();

									$.each(dataS, function(index,element) {
														var comment = element.comment;
														var entryId = element.id;
														var upVote = element.upVoteCount;
														var downVote = element.downVoteCount;
														var point = new google.maps.LatLng(
																parseFloat(element.coordX),
																parseFloat(element.coordY));
														var image = element.imageMeta; //"images/generic.png";
														var voting = "";
														var priority = "<font color='olive'>Düşük</font>";
														var fixed = "";
														
														if(loggedIn == "true")
														{
															voting = 
																'<span id="lblUpVote' + entryId + '">' + upVote + '</span>'
																+ " acil &nbsp;&nbsp;"
																+ "<a rel='"
																+ entryId
																+ "' id='lnkUpVote" + entryId + "' href='javascript:voteUp("
																+ entryId
																+ ");'"
																+ "><img width='25' height='25'" 
								+ "src='images/upArrow.png' title='Acil olarak işaretle'></a>&nbsp;&nbsp;&nbsp;"
																+ "<a rel='"
																+ entryId
																+ "' id='lnkDownVote" + entryId + "' href='javascript:voteDown("
																+ entryId
																+ ");'>"
																+ "<img width='25' height='25'"
								+ "src='images/downArrow.png' title='Bekleyebilir olarak işaretle'></a>"
																+ "&nbsp;&nbsp;"
																+ '<span id="lblDownVote' + entryId + '">' + downVote + '</span>'
																+ " bekleyebilir";
														}
														else
														{
															voting = "Puanlayabilmek için giriş yapınız!";
														}
														
														if(element.fixed)
														{
															fixed = "<font color='green'>Düzeltildi</font>";
														}
														else
														{
															fixed = "<font color='red'>Henüz düzeltilmedi</font>";
														}
														
														if(element.priority == "Low")
														{
															priority = "<font color='olive'>Düşük</font>";
														}
														else if(element.priority == "High")
														{
															priority = "<font color='orange'>Yüksek</font>";
														}
														else if(element.priority == "Critical")
														{
															priority = "<font color='red'>Kritik</font>";
														}
														
														var html = "<div style='text-align: center;'><img width='70%' height='70%' src='"
															+ image
															+ "'>"
															+ "<p></p><b>''"
															+ comment
															+ "''</b> <p></p>"
															+ fixed
															+ "<p></p>"
															+ "<b>Öncelik:</b>&nbsp;"
															+ priority
															+ "<p></p>"
															+ voting
															+ "<p></p>"
															+ "<a style='text-decoration: underline' href='" 
							+ entryDetailUrl + entryId + "'>Detay...</a></div>";
														var marker = new google.maps.Marker(
																{
																	map : map,
																	position : point,
																	icon : pinImg
																});

														bindInfoWindow(
																marker,
																map,
																infoWindow,
																html);

													});
								},
								error : function(data) {
									alert("Bir hata oluştu, lütfen tekrar deneyin.");
								}
							});
						});
						
						

					});

	function IsLoggedIn() {
		$.ajax({
			url : isLoggedInUrl,
			type : 'get',
			success: function(msg){
				if(msg.loggedIn == true)
					{
						$('#welcomeText').show().html('Hoşgeldin ' + msg.username + '!');
	 					$('#spnLogout').show();
	 					$('#spnLogin').hide();
	 					$('#liNewEntry').show();
						$('#loggedMu').val('true');
					}
				else
					{
						$('#welcomeText').hide();
						$('#spnLogin').show();
						$('#spnLogout').hide();
						$('#liNewEntry').hide();
						$('#loggedMu').val('false');
					}
			},
			error: function(){}
		})
	};

	
	function logOut() {
		$.ajax({
			url : logOutUrl,
			type : 'get',
			complete: function(xhr, statusText){
				if(xhr.status == 200)
 				{
	 				alert("Başarıyla çıkış yaptınız!");
	 				IsLoggedIn();
 				}
 				else
 				{
 					$('#spnLogout').show();
 					$('#spnLogin').hide();
 				}
		    }
		})
	};
</script>

<body>
<input type="hidden" name="loggedMu" id="loggedMu" value="false">
<div class="loginform" style="display: none; border:#111" id="divlogin">
<form action="./service/login/sigin" accept-charset="UTF-8" method="post" id="frmlogin">
    <table class="clsTable">
       <tr>
         <td colspan="2"><span style="font-size: large;">Siteye giriş yapın</span></td>
       </tr>
       <tr>
         <td><label for="username">Kullanıcı adı:<span class="reqVal" id="reqUser">&nbsp;*</span></label></td>
         <td> <input type="text" maxlength="60" name="username" id="username" size="15" value="" class="required" style="float: right"></td>
       </tr>
       <tr>
         <td><label for="password">Şifre:<span class="reqVal" id="reqPass">&nbsp;*</span></label></td>
         <td> <input type="password" name="password" id="password" maxlength="60" size="15" class="required" style="float: right"></td>
       </tr>
       <tr>
         <td><input type="submit" name="submit" id="submit" value="Giriş" style="font-weight: bold;"></td>
         <td></td>
       </tr>
       <tr>
         <td><a href="register.html" title="Üye olun!" style="font-size: 14px;">Kaydol</a></td>
         <td></td>
       </tr>
    </table>
	<input type="hidden" name="form_build_id" id="form-c1062bd63291587f665fe24a402917e9" value="form-c1062bd63291587f665fe24a402917e9">
	<input type="hidden" name="form_id" id="edit-user-login-block" value="user_login_block">
</form>
</div>
	<div id="wrapper" class="container">
		<div id="header">
			<div id="logo">
				<a href="default.html"><img src="images/logo.png" width="25%;" style="float: left"></a>
				<h1 style="margin-top: 10px">  
					<a href="default.html">&nbsp;FAIR URBAN</a>
				</h1>
				<!-- 			<p>Alt Başlık</p> -->
			</div>
			<div id="menu">
				<ul>
					<li class="current_page_item"><a href="default.html">Ana Sayfa</a></li>
					<li><a href="about.html">Hakkımızda</a></li>
					<li id="liNewEntry"><a href="new.html">Yeni Ekle</a></li>
					<li><a href="report.html">Raporlama</a></li>
					<li><a id="spnLogin" style="display: none" href="javascript:;">GIRIS</a>
						<a id="spnLogout" style="display: none" href="javascript:;" onclick="logOut();" >ÇIKIS</a>
					</li>
				</ul>
			</div>
			<span style="display: none; float: right; margin-right: 20px; margin-top: 10px; font-weight: bold;" id="welcomeText"></span>
		</div>
		<div id="page" style="padding: 10px 0 0;">
			<div id="content" style="width: 900px;">
				<div id="cbox1">
					<div>
						<span style="font-weight: bold;">Kategori filtreleme:</span>&nbsp;&nbsp;
						<select id="ddlCategories">
							<option value="0">Tamamı</option>
						</select> <select id="ddlChildren" style="display: none">
							<!--<option value="0">Tamamı</option> -->
						</select> <input type="button" id="btnSearch" name="formSearch" value="Ara" style="font-weight: bold;" />
						<span id="spinner" class="spinner" style="display: none;"><img
							id="img-spinner" src="images/spinner.gif" alt="Yükleniyor" /> </span>
					</div>
					<p style="height: 12px"></p>
					<div> 
						<span style="font-weight: bold;">Öncelik filtreleme:</span>&nbsp;&nbsp;&nbsp;&nbsp;
						<select id="ddlPriorities">
							<option value="0">Tamamı</option>
							<option value="Low">Düşük</option>
							<option value="Critical">Kritik</option>
						</select> <input type="button" id="btnPrior" value="Ara" style="font-weight: bold;" />
						<span id="spinner2" class="spinner" style="display: none;"><img
							id="img-spinner" src="images/spinner.gif" alt="Yükleniyor" /> </span>
					</div>
					<p style="height: 12px"></p>
					<div id="divCount" style="font-weight: bold;"></div>
				</div>
				<div id="two-column" style="border-top: 0px; padding-top: 0px;">
					<div id="map_canvas" style="width: 900px; height: 500px;"></div>
				</div>
			</div>
<!-- 			<div id="sidebar"> -->
<!-- 				<div id="box1"> -->
<!-- 					<h2>Praesent mattis</h2> -->
<!-- 					<ul class="style1"> -->
<!-- 						<li class="first"><a href="#">Vestibulum luctus venenatis -->
<!-- 								dui</a></li> -->
<!-- 						<li><a href="#">Aenean elementum facilisis ligula</a></li> -->
<!-- 						<li><a href="#">Ut tincidunt elit vitae augue</a></li> -->
<!-- 						<li><a href="#">Aenean elementum facilisis ligula</a></li> -->
<!-- 						<li><a href="#">Ut tincidunt elit vitae augue</a></li> -->
<!-- 						<li><a href="#">Sed quis odio sagittis leo vehicula</a></li> -->
<!-- 					</ul> -->
<!-- 					<p> -->
<!-- 						<a href="#" class="link-style">Read More</a> -->
<!-- 					</p> -->
<!-- 				</div> -->
<!-- 				<div id="box2"> -->
<!-- 					<h2>Maecenas lectus</h2> -->
<!-- 					<p> -->
<!-- 						<a href="#" class="link-style">Read More</a> -->
<!-- 					</p> -->
<!-- 				</div> -->
<!-- 			</div> -->
		</div>
	</div>
	<p style="height: 20px"></p>
</body>


</html>
